<template>
  <div>
    <button class="btn" @click="handleClick">{{ btntext }}</button>
  </div>
</template>

<script>
export default {
  props: ["btntext"],
  data() {
    return {
      param: "哈哈"
    };
  },
  methods: {
    handleClick(event) {
      // console.log("这是登录按钮测试");
      this.$emit("ClickBtn", event);
    }
  }
};
</script>

<style lang="less" scoped>
.btn {
  width: 72.222vw;
  height: 10vw;
  background-color: #cc3300;
  opacity: 0.8;
  color: #fff;
  font-size: 18px;
  border: none;
  outline: none;
  border-radius: 20px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
  &:active {
    background-color: #f14911;
  }
}
</style>
